<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
</head>
<body>
    <script>
        /* option配置项学习
            1.官方提供的配置手册
            2.官方提供的示例

            1.title 标题
            2.legend 图例组件
                type 图例类型(plain普通图例 scroll滚动图例)
                data 图例的数据数组
            3.grid
                left/top/right/bottom 相当于盒子模型的padding
                width/height 设置组件的宽高
            4.xAxis 直角坐标系 grid 中的 x 轴
                show 是否显示 x 轴
                position x 轴的位置，默认在下方('bottom')，值可以是 'top'/'bottom'
                data 数组，元素是对象 是x轴需要显示的数据
                    对象里有value和textStyle
                axisLine Object 坐标轴轴线
                    show 是否显示x轴线
                    lineStyle x轴线的样式
                        color x轴的颜色
                axisTick Object 坐标轴刻度相关设置
                    show 是否显示刻度线
                    lineStyle 刻度线的样式
                        color 刻度线的颜色
                axisLabel Object 坐标轴文本
                    show 是否显示x轴的文本
                    color x轴的文本颜色
                splitLine Object  坐标轴在 grid 区域的分割线
                    show 是否显示x轴分割线
                    lineStyle x轴分割线的样式
                        color  x轴分割线的颜色
                splitArea Object 坐标轴在 grid 区域中的分隔区域
                    show 是否显示
                    areaStyle 区域样式
                        color 颜色
            5.yAxis y轴
                min y轴最小刻度
                max y轴最大刻度
                minInterval 最小间隔
                maxInterval 最大间隔
            6.tooltip 提示框组件
                show 是否显示提示框
                trigger 触发类型
                    'item'  饼图
                    'axis'  折线图/柱状图
                    'none'  什么都不触发
                position 提示框浮层位置
                formatter 提示框浮层内容格式器
            7.toolbox工具栏
                内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。
            8.series 数组 系列图表
                type 图表的类型
                    line线形图  bar柱状图  pie饼图
                每一个图表里面都有一个itemStyle
            9.color 调色盘颜色列表
                如果不设置从默认的调色盘中获取颜色. 
            10.backgroundColor 背景色，默认无背景
        */
    </script>
</body>
</html>